//百分比
$percent-3: 3%;
$percent-5: 5%;
$percent-10: 10%;
$percent-20: 20%;
$percent-30: 30%;
$percent-40: 40%;
$percent-50: 50%;
$percent-60: 60%;
$percent-70: 70%;
$percent-80: 80%;
$percent-90: 90%;

$color-white: #fff;
//基础色
$color-black: #000;

//主题色
//$color-default: #7C4DFF;
//$color-default: mix($color-black, $color-default, $percent-10);
$color-theme: #e4bad4;
//$color-default: #FBCFE8;
$color-bg-theme: #FDF2F8;
$color-text-theme: #5B21B6;
$color-bg-default: #F1F3F6;
$color-text-default: #303133;

//$color-bg-default: #FCE7F3;

//点击变色比
//$percent-active: $percent-10 !default;
//light的样式
$percent-light-bg: $percent-90 !default;
$percent-light-border: $percent-60 !default;

$color-red: #ee0a24;
$color-orange: #ff976a;
$color-blue: #387BFF;
$color-green: #07c160;
//$color-default: #7C4DFF;
//$color-default: #651FFF;
//$color-default: #5E35B1;

//灰色级别
$color-grey: #FAFBFC;
$color-grey2: #d6d6d6;
$color-grey3: #c2c2c2;
$color-grey4: #adadad;
$color-grey5: #999999;
$color-grey6: #858585;
$color-grey7: #707070;
$color-grey8: #5c5c5c;
$color-grey9: #333;
$color-gray: #627278;
$color-link: #409EFF;
$color-focus: #66b1ff;
$color-hover: #66b1ff;
$color-active: #3a8ee6;

//$color-default: #651FFF;
$color-primary: $color-blue;
$color-error: $color-red;
$color-warn: $color-orange;
$color-success: $color-green;
$color-info: $color-gray;

//文本基础色
$color-text-content: #606266;
$color-text-sub: #909399;
$color-text-hint: #C0C4CC;

//主题级别
$color-text-default1: mix($color-white, $color-text-default, $percent-10);
$color-text-default2: mix($color-white, $color-text-default, $percent-20);
$color-text-default3: mix($color-white, $color-text-default, $percent-30);
$color-text-default4: mix($color-white, $color-text-default, $percent-40);
$color-text-default5: mix($color-white, $color-text-default, $percent-50);
$color-text-default6: mix($color-white, $color-text-default, $percent-60);
$color-text-default7: mix($color-white, $color-text-default, $percent-70);
$color-text-default8: mix($color-white, $color-text-default, $percent-80);
$color-text-default9: mix($color-white, $color-text-default, $percent-90);

//border颜色
$color-border-default: $color-text-default9;
/* Border
-------------------------- */
$border-width-base: 1px !default;
$border-style-base: solid !default;
$border-base: $border-width-base $border-style-base $color-border-default !default;
/// borderRadius|1|Radius|0
$border-radius-base: 4px !default;
/// borderRadius|1|Radius|0
$border-radius-small: 2px !default;
/// borderRadius|1|Radius|0
$border-radius-circle: 100% !default;
/// borderRadius|1|Radius|0
$border-radius-zero: 0 !default;

//颜色map
$colors-default: (
  "default1": $color-text-default1,
  "default2": $color-text-default2,
  "default3": $color-text-default3,
  "default4": $color-text-default4,
  "default5": $color-text-default5,
  "default6": $color-text-default6,
  "default7": $color-text-default7,
  "default8": $color-text-default8,
  "default9": $color-text-default9,
);

$bg-colors: (
  //主题色，可自定义，默认和白色一样
  theme: $color-theme,
  theme-bg: $color-bg-theme,
  theme-text: $color-text-theme,
  //默认是白色
  default: $color-bg-default,
  primary: $color-primary,
  error: $color-error,
  warn: $color-warn,
  success: $color-success,
  info: $color-info,
  white: $color-white,
  black: $color-black,
  red: $color-red,
  orange: $color-orange,
  blue: $color-blue,
  green: $color-green,
  gray: $color-gray,
  'grey': $color-grey
);

$text-colors: (
  //主题色，可自定义，默认和白色一样
  theme: $color-text-theme,
  default: $color-text-default,
  //默认是白色
  primary: $color-primary,
  error: $color-error,
  warn: $color-warn,
  success: $color-success,
  info: $color-info,
  white: $color-white,
  black: $color-black,
  red: $color-red,
  orange: $color-orange,
  blue: $color-blue,
  green: $color-green,
  gray: $color-gray,
  'grey': $color-gray,
  grey2: $color-grey2,
  link: $color-link,
  focus: $color-focus,
  hover: $color-hover,
  active: $color-active,
  content: $color-text-content,
  sub: $color-text-sub,
  hint: $color-text-hint
);

$color-types: (
  dark: dark,
  light: light,
  plain: plain,
);
